<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="English.Management_Method_EN.Effect_Table_En" %>
<jsp:useBean id="database" class="English.Management_Method_EN.Effect_Table_En" scope="request" />   
<!DOCTYPE html>
<html>
<head>
  <title>Knowledge-base system</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
  <link rel="stylesheet" type="text/css"  href="../CSS/Effect.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <script src="../JS_EN/Table_Search_En.js"></script>
  <script src="../JS_EN/DAO_Check_En.js"></script>
  
</head>
<body>

 <%--横向导航栏--%>
  <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
    <a class="navbar-brand" href="../Search_En.jsp">
      <i class="fa fa-book" style="font-size:22px">
        &nbsp Knowledge-base system
      </i>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
      <ul class="navbar-nav" >
        <li class="nav-item">
            <a class="nav-link" href="Administrator_En.jsp">&nbsp&nbsp&nbsp&nbsp AdminInfo</a>
          </li>
        <li class="nav-item">
            <a class="nav-link" href="Phenomenon_En.jsp">&nbsp&nbsp&nbsp&nbsp Phenomena</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="Effect_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="Introduce_En.jsp">&nbsp&nbsp&nbsp&nbsp Effect of description</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link" href="Example_En.jsp">&nbsp&nbsp&nbsp&nbsp Example</a>
          </li>    
        </ul>
    </div> 
	    <form class="form-inline" name="searchgroup"> 
	      <select class="form-control" name="Search_Select" id="Search_Select" style="max-width: 90px;">
				        <option value="indexe">Index
				        <option value="phe">Phenomenon
				        <option value="effect">Effect
				       
			</select>
	      <input type="text" id="myInput" class="form-control" onkeyup="Select_Search1()" placeholder="Search in the current table" >
	    </form>
  </nav>


  <div class="container" id="DAOTable">
  
  	<%--增删改入口 --%>
  <div class="container" style="margin-top:30px;" id="DAO">
      <div class="btn-group flex-container" id="DAObutton"  >
        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Addemo">
          <i class="fa fa-plus-square">&nbsp&nbsp Add</i>
        </button>
        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Deldemo">
          <i class="fa fa-minus-square-o">&nbsp&nbsp Delete</i>
        </button>
        <button type="button" class="btn btn-dark col-md-2" data-toggle="collapse" data-target="#Modifydemo">
          <i class="fa fa-wrench">&nbsp&nbsp Modify</i>
        </button>
      </div>
      
      <div id="Addemo" class="collapse">
       	<form id="Addgroup" name="Add" action="../Check_EN/Effect_Add_Check_En.jsp" onsubmit="return Effect_Add_Check()"  method="post">
         <div class="form-inline form-group">
          <label for="indexf">F index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexf" name="indexf" style="margin-right:20px;">
          <label for="phenomenon">Phenomenon:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="phenomenon" name="phenomenon" style="margin-right:20px;">
    	 </div> 
         <div class="form-inline form-group">
          <label for="indexe">E index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexe" name="indexe" style="margin-right:20px;">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect">
         
          <button type="submit" class="btn btn-dark" style="margin-left:45px;" onclick="Effect_Add_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Add
          </button>
         </div>
        </form>
      </div>
      <div id="Deldemo" class="collapse">
        <form class="form-inline form-group" id="Delgroup" name="Del" action="../Check_EN/Effect_Del_Check_En.jsp" onsubmit="return Effect_Del_Check()"  method="post">
            <label for="phenomenon">Phenomenon:&nbsp&nbsp</label>
          	<input type="text" class="form-control col-md-2" id="phenomenon" name="phenomenon" style="margin-right:20px;">
            <label for="effect">Effect:&nbsp&nbsp</label>
            <input type="text" class="form-control col-md-2" id="effect" name="effect">
            <button type="submit" class="btn btn-dark" style="margin-left:45px;"  onclick="Effect_Del_Check()">            
              <i class="fa fa-floppy-o"></i>&nbsp&nbsp Delete
            </button>
          </form>
      </div>
      
      <div id="Modifydemo" class="collapse">
       <form  id="Modifygroup" name="Modify" action="../Check_EN/Effect_Modify_Check_En.jsp" onsubmit="return Effect_Modify_Check()"  method="post">
       	<div class="form-inline form-group">
          <label for="indexf">F index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexf" name="indexf" style="margin-right:20px;">
          <label for="phenomenon">Phenomenon:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="phenomenon" name="phenomenon" style="margin-right:20px;">
    	</div> 
       	<div class="form-inline form-group">
          <label for="indexe">E index:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="indexe" name="indexe" style="margin-right:20px;">
          <label for="effect">Effect:&nbsp&nbsp</label>
          <input type="text" class="form-control col-md-2" id="effect" name="effect">
          <button type="submit" class="btn btn-dark" style="margin-left:45px;" onclick="Effect_Modify_Check()">
            <i class="fa fa-floppy-o"></i>&nbsp&nbsp Modify
          </button>
         </div>
        </form>  
        <h5 id="Note">PS:This function is to change the index, <b>phenomenon and effect should be filled in correctly</b>。</h5>
     </div>
 
    </div>
    
    	<%--现象效应对应索引表 --%>
    	<% request.setCharacterEncoding("UTF-8"); %>
		<jsp:getProperty name="database" property="queryResult" />
  </div>

  <%--底边栏--%>
   <footer class="footer text-center relative-bottom">CopyRight © Code:1024</footer>

</body>
</html>